<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<s:set var="crossPromotionList" value="crossPromotionList" />
<s:set var="crossPromotion" value="item.crossPromotion"></s:set>
<s:if test="%{item.crossPromotion > 0}">
<div style="margin: 6px 0px 16px 0px">
	<div style="margin: 0px 0px 0px 0px">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="9" class="grey-header-bg-left">&nbsp;</td>
				<td align="left" class="grey-header-bg">
					<div class="white-header-text">
						Cross promoted items
					</div>
				</td>
				<td width="9" class="grey-header-bg-right"></td>
			</tr>
		</table>
	</div>
	<div style="margin: 10px 5px 0px 5px">
	<display:table name="${crossPromotionList}" length="${crossPromotion}" id="row">
		<display:column class="grid-bg common-text">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td valign="top" class="light-violet-bg">
					<div style="margin: 10px 10px 10px 10px">
						<table width="100%" border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td width="24%" valign="top">
									<div style="margin: 0px 5px 0px 0px">
										<s:if test="#attr.row.items.image != null">
											<img src="servlet/ImageServlet?dto=ItemsDTO&id=<s:property value="#attr.row.items.itemId" />" alt=" " width="52" height="52" class="left-images-border" />
										</s:if>
										<s:else>
											<img src="<%=request.getContextPath()%>/images/no_image.gif" alt=" " width="52" height="52" class="left-images-border" />
										</s:else>
									</div>
								</td>
								<td width="76%" valign="top">
									<div style="margin: 0px 0px 0px 0px">
										<a href="showItem.htm?cid=<s:property value="#attr.row.items.itemId" />" class="gold-text11"><s:property value="#attr.row.items.title" /></a>
									</div>
									<div class="grey-text10" style="margin: 0px 0px 0px 0px">
										<s:property value="#attr.row.items.description" escape="false" />
									</div>
									<div class="grey-text11" style="margin: 0px 0px 0px 0px">
										Location:<s:property value="#attr.row.items.locationCategoriesByCountry.categoryName" />
									</div>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
		</display:column>
	</display:table>
	</div>
</div>
</s:if>